﻿<!--
//*********************************************************
//
// Copyright (c) Microsoft. All rights reserved.
// This code is licensed under the MIT License (MIT).
// THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF
// ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY
// IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR
// PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
//
//*********************************************************
-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <link rel="stylesheet" href="/css/Scenario2_AamvaCards.css">
    <script src="/js/devicehelpers.js"></script>
    <script src="/js/Scenario2_AamvaCards.js"></script>
</head>

<body class="win-type-body">
    <div id="scenarioView">
        <div>
            <h2 id="sampleHeader" class="win-type-subheader">Description:</h2>
            <div id="scenarioDescription">
                Registers an event listener for reading AAMVA card data and displays the data values as they are reported.
            </div>
        </div>
        <div id="scenarioContent">
            <div id="controls">
                <button id="startReadButton" class="win-button">Start Receiving Data</button>
                <button id="endReadButton" class="win-button">End Receiving Data</button>
            </div>

            <div>
                <table>
                    <tr>
                        <td>Address:</td>
                        <td id="address">No Data</td>
                    </tr>
                    <tr>
                        <td>Birth Date:</td>
                        <td id="birthDate">No Data</td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td id="city">No Data </td>
                    </tr>
                    <tr>
                        <td>Class:</td>
                        <td id="licenseClass">No Data </td>
                    </tr>
                    <tr>
                        <td>Endorsements:</td>
                        <td id="endorsements">No Data </td>
                    </tr>
                    <tr>
                        <td>Expiration Date:</td>
                        <td id="expirationDate">No Data </td>
                    </tr>
                    <tr>
                        <td>Eye Color:</td>
                        <td id="eyeColor">No Data </td>
                    </tr>
                    <tr>
                        <td>First Name:</td>
                        <td id="firstName">No Data </td>
                    </tr>
                    <tr>
                        <td>Gender:</td>
                        <td id="gender">No Data </td>
                    </tr>
                    <tr>
                        <td>Hair Color:</td>
                        <td id="hairColor">No Data </td>
                    </tr>
                    <tr>
                        <td>Height:</td>
                        <td id="height">No Data </td>
                    </tr>
                    <tr>
                        <td>License Number:</td>
                        <td id="licenseNumber">No Data </td>
                    </tr>
                    <tr>
                        <td>Postal Code:</td>
                        <td id="postalCode">No Data </td>
                    </tr>
                    <tr>
                        <td>Restrictions:</td>
                        <td id="restrictions">No Data </td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td id="state">No Data </td>
                    </tr>
                    <tr>
                        <td>Suffix:</td>
                        <td id="suffix">No Data </td>
                    </tr>
                    <tr>
                        <td>Surname:</td>
                        <td id="surname">No Data </td>
                    </tr>
                    <tr>
                        <td>weight:</td>
                        <td id="weight">No Data </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>

</html>